<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/address.css"/>
	<link rel="stylesheet" href="../css/base.css" />
    <title></title>
</head>
<body>
<div>
    <h4><b>我的地址簿</b></h4>
    <div class="zp-put3">
    <div>
         <button class="btn btn-primary text-white mb-4" id="deme">添加新的收货地址</button>
         <p>*订单确认过程中，只需选择「我的地址簿」中的收货地址，无需重新输入</p>
         <p>*最多可以保存6个收货地址</p>
    </div>
    <div class="row" id="zp_dom">
    </div>
    </div>
    <div class="zp-put4 zp-put5">
        <p>添加新地址</p>
        <table id="zp-tab">
            <tr>
                <td>*收货人姓名</td>
                <td ><input type="text" class="zp-put pl-3" name="adname" placeholder="请输入您的姓名"/><span class="ml-4 text-danger"></span></td>
            </tr>
            <tr>
                <td>*手机号码</td>
                <td><input type="text" class="zp-put pl-3" name="adphone" placeholder="请输入您的手机号码"/><span class="ml-4 text-danger"></span></td>
            </tr>
            <tr>
                <td>*邮箱</td>
                <td><input type="text" class="zp-put pl-3" name="email" placeholder="请输入您的邮箱"/><span class="ml-4 text-danger"></span></td>
            </tr>
            <tr>
                <td>*地址</td>
                <td><input type="text" class="zp-put pl-3" name="address" placeholder="请输入您详细地址"/><span class="ml-4 text-danger"></span></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="checkbox" id="zp_box"/>设置为默认</td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <button id="zp_demu">保存</button>
                    <button id="demu">取消</button>
                </td>
            </tr>
        </table>

    </div>
</div>

<script type="text/html" id="tpl_num">
    <div id="zp_add"class="col-md-5 mr-2 mt-3">
        <p class="font-weight-bold">{{adname}}</p>
        <p>{{adphone}}</p>
        <p>{{email}}</p>
        <p>{{address}}</p>
        <p><input type="checkbox" {{if is_default == 1}} checked {{/if}}/>是否默认</p>
        <div class="mt-3">
            <button class="a lz-w-35">编辑地址</button>
            <button class="b lz-w-35" onclick="del({{aid}})">删除</button>
        </div>
    </div>
</script>

    <script src="../js/jquery-3.3.1.js"></script>
	<script src="../js/jquery.cookie.js"></script>
    <script src="../js/template-web.js"></script>
    <script src="../js/popper.min.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/address.js"></script>
</body>
</html>